<!-- BEGIN:main -->


<script>

    $(function() {
        $("#datepicker").datepicker({
            changeMonth: true,
            changeYear: true
        });
        
    });


    function submitForm(ac)
    {
        var title = $('#txtTitle');
        var alias = $('#txtAlias');
        var categoryID = $('#slCategoryID');

        if (alias.val() == '') {
            alias.val(title.val());
        }



        var arrayInput = new Array(title, categoryID);

        var hasError = validateEmptyValue(arrayInput);



        // kiểm tra giá trị hợp lệ
        if (hasError) {
            alert("Vui lòng điền đầy đủ thông tin");
        } else {
            var form = document.phpForm;
            form.hdAction.value = ac;
            form.submit();
        }


    }



    // hàm mở popup duyệt file trên máy chủ
    function BrowseServer() {
        var finder = new CKFinder();
        finder.BasePath = '../blugin/ckeditor3.6.4/ckfinder/';
        finder.startupPath = "Images:/images/";
        finder.SelectFunction = SetFileField;
        finder.Popup();
    }


    // hàm gán giá trị chọn file trên máy chủ vào trường image
    function SetFileField(fileUrl) {
        document.getElementById('txtImage').value = fileUrl;
        document.getElementById('hdImage').value = fileUrl;
    }


</script>







<div id="toolbar-box">
    <div class="d_divide5"></div>


    <div class="toolbar" id="toolbar">
        <table class="toolbar">
            <tr>
                <td class="button" id="toolbar-save">
                    <a href="#" onclick="submitForm('addAndExit')" class="toolbar">
                        <span class="icon-32-save" title="Lưu và Đóng"></span>
                        Lưu & Đóng
                    </a>
                </td>

                <td class="button" id="toolbar-apply">
                    <a href="#" onclick="submitForm('add')" class="toolbar">
                        <span class="icon-32-apply" title="Áp dụng"></span>
                        Lưu
                    </a>
                </td>

                <td class="button" id="toolbar-cancel">
                    <a href=".?com=com_article&view=article&task=view" class="toolbar">
                        <span class="icon-32-cancel" title="Hủy"></span>
                        Hủy
                    </a>
                </td>												
            </tr>
        </table>
    </div>
    <div class="header icon_48_article_add">
        Bài viết: <small><small>[ Thêm mới ]</small></small>
    </div>

    <div class="d_divide5"></div>
</div>



<div class="d_divide10"></div>
<div class="d_clear"></div>

<div id="element-box">


    <form method="post" name="phpForm">
        <input type="hidden" name="hdAction" value=""/>


        <table  class="adminform">
            <tr>
                <td>
                    <label for="txtTitle" class="d_label">Tiêu đề bài viết: <b style="color: red;font-size: 14px;">*</b></label>
                </td>
                <td>
                    <input type="text" name="txtTitle" class="d_text_input" id="txtTitle" style="width: 350px;" maxlength="255" value="" title="Tiêu đề" />
                </td>
                <td> 
                    <label for="txtAlias" class="d_label">Alias (Định danh)</label>
                </td>
                <td>
                    <input type="text" class="d_text_input" name="txtAlias" id="txtAlias" style="width: 350px;" maxlength="255" value="" title="alias" />                                
                </td>
            </tr>

            <tr>
                <td>
                    <label for="slCategoryID" class="d_label">Nhóm tin: <b style="color: red;font-size: 14px;">*</b></label>
                </td>

                <td>
                    <select size="1" style="width: 350px;" class="d_text_input" name="slCategoryID" id="slCategoryID">
                        <option value="">-- Chọn nhóm tin --</option>
                        <!-- BEGIN:category_list -->
                        <OPTION {SELECTED_CATEGORY} value={CATEGORY_ID}>{CATEGORY_TITLE}</OPTION>                                            
                        <!-- END:category_list -->
                    </select>
                </td>

                <td>
                    <label for="datepicker" class="d_label">Ngày tạo</label>
                </td>
                <td>                                                
                    <input class="d_text_input" readonly="true" value="{TODAY}"  id="datepicker" style="width: 110px;" name="createdDate" />                                
                </td>
            </tr>

            <tr>
                <td>
                    <label for="btBrowseImage" class="d_label">Ảnh đại diện:</label>
                </td>
                <td>
                    <div style="float: left;">
                        <input class="d_text_input" type="text" id="txtImage" name="txtImage" value="" disabled="disabled" size="50" />
                        <input type="hidden" id="hdImage" name="hdImage" value="./{UPLOAD_FOLDER}/images/no_image.jpg" />
                    </div>

                    <input type="button" class="d_button" value="Chọn ảnh" onclick="javascript:BrowseServer()"/>




                </td>
                <td>
                    <label class="d_label">Hiển thị ảnh đại diện</label>
                </td>
                <td>
                    <input type="radio" name="rdoImageStatus" id="rdoImageStatus0" value="0"  />
                    <label>Không</label>
                    <input type="radio" name="rdoImageStatus" id="rdoImageStatus1" value="1" checked="checked"  />
                    <label>Có</label>
                </td>
            </tr>       

            <tr>
                <td>
                    <label class="d_label">Bật/Tắt bài viết:</label>
                </td>
                <td>
                    <input type="radio" name="rdoStatus" id="rdoStatus0" value="0"  />
                    <label>Tắt</label>
                    <input type="radio" name="rdoStatus" id="rdoStatus1" value="1" checked="checked"  />
                    <label>Bật</label>
                </td>
                <td>
                    <label class="d_label">Là bài viết nổi bật</label>
                </td>
                <td>
                    <input type="radio" name="rdoHighLight" id="rdoHighLight0" value="0" checked="checked" />
                    <label>Không</label>
                    <input type="radio" name="rdoHighLight" id="rdoHighLight1" value="1" />
                    <label>Có</label>
                </td>
            </tr> 



        </table>



        <table class="adminform">
            <tr>
                <td style="text-align: center">


                    <div class="d_divide10"></div>


                    <label  style="font-weight:bold">Nội dung mô tả:</label>    


                    <div class="d_divide10"></div>


                    <textarea name="txtDescription" id="txtDescription"></textarea>

                    <script language="javascript" type="text/javascript">
                        CKEDITOR.replace('txtDescription',
                        {
                            filebrowserBrowseUrl: '../blugin/ckeditor3.6.4/ckfinder/ckfinder.html',
                            filebrowserImageBrowseUrl: '../blugin/ckeditor3.6.4/ckfinder/ckfinder.html?type=Images',
                            filebrowserFlashBrowseUrl: '../blugin/ckeditor3.6.4/ckfinder/ckfinder.html?type=Flash',
                            height: 200,
                            toolbarStartupExpanded: false
                        });
                    </script>

                    <div class="d_divide10"></div>



                    <label style="font-weight:bold ">Nội dung chi tiết: </label>     

                    <div class="d_divide10"></div>


                    <textarea name="txtContent" id="txtContent"></textarea>

                    <script language="javascript" type="text/javascript">
                        CKEDITOR.replace('txtContent',
                        {
                            filebrowserBrowseUrl: '../blugin/ckeditor3.6.4/ckfinder/ckfinder.html',
                            filebrowserImageBrowseUrl: '../blugin/ckeditor3.6.4/ckfinder/ckfinder.html?type=Images',
                            filebrowserFlashBrowseUrl: '../blugin/ckeditor3.6.4/ckfinder/ckfinder.html?type=Flash',
                            height: 450,
                            toolbarStartupExpanded: true
                        });
                    </script>

                </td>
            </tr>
        </table>

    </form>

</div>
<noscript>
!Cảnh báo! Javascript phải được bật để chạy được các chức năng trong phần Quản trị		</noscript>


<!-- END:main -->	